<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="/static/js/jquery.min.js"></script>
    <script>
        jQuery(function ($) {
            $("#uploadBtn").click(function () {
                // ajax文件上传必须使用 FormData 对象来完成
                var data = new FormData();
                // 获取选择的文件，是一个file数组
                var files = $("#upFile22222").prop("files");
                for (var i = 0; i < files.length; i++) {
                    data.append("upFile", files[i]);
                }

                $.ajax({
                    url: "/test/upload.do",
                    type: "post",
                    data: data,
                    contentType: false, processData: false, // 告诉jQuery，不要对数据进行任何处理，以二进制方式提交
                    success(data) {
                        alert(data);
                    }
                });
            })
        })
    </script>
</head>
<body>
    <form action="/test/upload.do" method="post" enctype="multipart/form-data">
        <%--multiple:支持多选--%>
        <input type="file" name="upFile" multiple />
        <input type="submit" value="上传" />
    </form>

    <hr />
    <input type="file" id="upFile22222" multiple />
    <input id="uploadBtn" type="button" value="ajax上传" />
</body>
</html>
